<%--
    Document   : menuJsp
    Created on : 22/11/2010, 02:40:09 PM
    Author     : LENOVO
--%>

<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>
   
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.js"></script>
        <link href="<%=request.getContextPath()%>/css/miestilo.css" rel="stylesheet" type="text/css">
        <script src="<%=request.getContextPath()%>/js/tooltip/jquery.tooltip.js" type="text/javascript"></script>
        <link href="<%=request.getContextPath()%>/css/tooltip.css" rel="stylesheet" type="text/css">
        
        <title>Sistema Gestión de Desempeño</title>
        <style type="text/css">

            /* tooltip styling. by default the element to be styled is .tooltip  */
            /*            .tooltip {
                            display:none;
                            background:transparent url(images/tooltip/white_arrow.png);
                            font-size:12px;
                            height:70px;
                            width:160px;
                            padding:25px;
                            color:#000000;
                            font-family: Arial;

                        }*/
            .tooltip {
                display:none;
                background:url(images/tooltip/white_arrow.png);
                height:70px;
                width:160px;
                padding:25px;
                font-size:10px;
                color:#000000;
                text-align: center;
            }

            /* style the trigger elements */
            #menu img {
                border:0;
                cursor:pointer;
                margin:0 8px;
            }
        </style>
    </head>
    <body>

        <input type="hidden" id="destino"/>
        <form action="loginSetUp.do">
       
        <input type="hidden" name="method"/>
        
        <c:if test="${sessionScope.session_usuario == null}">
            <script  type="text/javascript">

                window.location.href="error.jsp?val=1"

            </script>

        </c:if>
        <c:if test="${sessionScope.session_usuario.introl == 2}">
            <table>
                <tr>
                    <td>
                        <table cellpadding="4" cellspacing="4">
                            <tr>
                                <td ><div ><img border="1" alt="Objetivos" src="images/menu/cac1.gif" /></div> </td>
                                <td><div >  <img border="0" src="images/menu/uno.jpg" /></div></td>
                                <td class="labelCamposMenu"  >
                                    <a href="#" onclick="mievaluacionObj()" id="myEval">Mi Evaluación de Objetivos </a>
                                    <div class="tooltip">
                                        <u> Mi Evaluación de Objetivos</u><br/>
                                        Establecimiento y autoevaluación de mis objetivos,
                                        con sus respectivos indicadores de resultado.
                                    </div>
                                    <br/>
                                    <br/>
                                    
                                    <c:if test="${periodoEvaluacion == null}">
                                    	<html:link action="/a_formEvaluacionObj.do?method=cargarjsp" styleId="evalTeam" >Evaluación de Objetivos de Mi Equipo </html:link>
                                    </c:if>
                                    <c:if test="${periodoEvaluacion != null}">
                                    	<c:remove var="periodoEvaluacion" scope="session" />                                    	
                                    	<html:link action="/a_formEvaluacionObj.do?method=cargarjsp" styleId="evalTeam" >Evaluación de Objetivos de Mi Equipo </html:link>
                                    </c:if>                                    
                                    
                                    <!--a href="#" style="text-decoration: none" id="evalTeam"   >Evaluación de Objetivos de Mi Equipo/a-->
                                    <div class="tooltip">
                                        <u> Ev. Objetivos de Mi Equipo </u><br/>
                                        Validación y evaluación de los objetivos
                                        de mis colaboradores.
                                    </div>
                                    <br/>
                                </td>
                            </tr>
                        </table>
                    </td>

                    <td>
                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td><div ><img border="1"  alt="Objetivos" src="images/menu/cac2.gif" /></div></td>
                                <td><div >  <img border="0" src="images/menu/dos.jpg" /></div></td>
                                <td class="labelCamposMenu">
                                    <!--style="text-decoration: none"  onclick="miEvaluacionCompetecias()"       html:link action="/a_formEvaluacionCompe.do?method=cargarListaCompetencia" styleId="myComp" >Mi Evaluación de Competencias/html:link>-->
                                    <a href="#" id="myComp" onclick="miEvaluacionCompetecias()">Mi Evaluación de Competencias</a>
                                    <div class="tooltip">
                                        <u> Mi Evaluación de Competencias</u><br/>
                                        Autoevaluación del grado de
                                        cumplimiento de mis competencias.
                                    </div>
                                    <br/>
                                    <br/>

                                    <html:link action="/a_formEvaluacionCompe.do?method=cargarListaCompetencia" styleId="compTeam" >Evaluación de Competencias de Mi Equipo </html:link>
                                    <!--a href="#"   id="compTeam" style="text-decoration: none" >Evaluación de Competencias de Mi Equipo /a-->
                                    <div class="tooltip">
                                        <u>Ev. Competencias de Mi Equipo </u><br/>
                                        Calificación y justificación del grado de cumplimiento
                                        de las competencias de mis colaboradores.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr>
                    <td>
                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td> <div > <img border="1"  alt="Objetivos" src="images/menu/cac3.gif" /></div> </td>
                                <td><div >  <img border="0" src="images/menu/tres.jpg" /></div></td>
                                <td class="labelCamposMenu">
                                    <!-- onclick="mievaluacionIntegral()"    style="text-decoration: none"-->
                                    <a href="#"  id="myInte" onclick="mievaluacionIntegral()">Mi Evaluación Integral</a>
                                    <div class="tooltip">
                                        <u>Mi Evaluación Integral</u><br/>
                                        Visualización de mi resultado
                                        de evaluación de desempeño.
                                    </div>
                                    <br/>
                                    <br/>
                                    <html:link action="/a_EvalIntegral.do?method=getSubordinadosEvalIntegral" styleId="inteTeam" >Evaluación Integral de Mi Equipo </html:link>
                                    <!--a id="inteTeam" style="text-decoration: none" href="#">Evaluación Integral de Mi Equipo /a-->
                                    <div class="tooltip">
                                        <u>Evaluación Integral de Mi Equipo</u><br/>
                                        Resultado y desempeño alcanzado por mis
                                        colaboradores.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>

                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td><div ><img  border="1" alt="Objetivos" src="images/menu/cac4.gif" /></div></td>
                                <td><div >  <img border="0" src="images/menu/cuatro.jpg" /></div></td>
                                <td class="labelCamposMenu" >
                                    <!--" onclick="miPlandeAccion()"   style="text-decoration: none" -->
                                    <a href="#" id="myPlan" onclick="miPlandeAccion()">Mi Plan de Acción</a>
                                    <div class="tooltip">
                                        <u>Mi Plan de Acción</u><br/>
                                        Visualización de mi Plan de Acción Individual.
                                    </div>
                                    <br/>
                                    <br/>
                                    <!--                                                                       -->
                                    <html:link action="/a_planDeAccion.do?method=getSubordinadosPlanAccion" styleId="planTeam" >Plan de Acción de Mi Equipo </html:link>
                                    <!--a href="#" id="planTeam" style="text-decoration: none">Plan de Acción de Mi Equipo /a-->
                                    <div class="tooltip">
                                        <u>Plan de Acción de Mi equipo</u><br/>
                                        Formulación del Plan de Acción Individual para
                                        el desarrollo de mis colaboradores.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr>
                    <td>
                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td><div >  <img border="1"  alt="Potencial de mi Equipo" src="images/menu/administrador.gif" /></div> </td>
                                <td><div >  <img border="0" src="images/menu/cinco.jpg" /></div></td>
                                <td class="labelCamposMenu">
                                    <!--a href="#" style="text-decoration: none" id="admin">Administrador/a-->
                                    <html:link action="/evaluacionPotencial.do?method=getSubordinados" styleId="potencial" >Evaluaci&oacute;n Complementaria de Mi Equipo</html:link>
                                    <div class="tooltip">
                                        <u>Ev. Complementaria de Mi Equipo</u><br/>
                                        Ev. complementaria a ser llenada
                                        de manera individual por el jefe sin 
                                        participación del colaborador.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>

                    <td>
                        <table cellpadding="4" cellspacing="4" >
                        	<tr>
                                <td><div >  <img border="1"  alt="consultas" src="images/menu/cac5.gif" /></div> </td>
                                <td><div >  <img border="0" src="images/menu/seis.jpg" /></div></td>
                                <td class="labelCamposMenu">

                                    <!--a href="#" style="text-decoration: none" id="consult">Consultas/a-->
                                    <html:link action="/ConsultaAction.do?method=IrConsulta&var=2" styleId="consult">Consultas </html:link>
                                    <div class="tooltip">
                                        <u>Consultas</u><br/>
                                        Visualización de Reportes e Indicadores.
                                    </div>
                                </td>
                            </tr>                        
                        </table>
                    </td>                   
                </tr>
                
                
                <!-- DVQ: Esta opción es sólo para el administrador -->
                    <c:if test="${sessionScope.session_usuario.strAdministrador == 'X'}">
                    	<tr>
	                        <td>
	                            <table cellpadding="4" cellspacing="4" >
	                                <tr>
	                                    <td><div >  <img border="1"  alt="administrador" src="images/menu/administrador.gif" /></div> </td>
	                                    <td><div >  <img border="0" src="images/menu/siete.jpg" /></div></td>
	                                    <td class="labelCamposMenu">
	                                        <!--a href="#" style="text-decoration: none" id="admin">Administrador/a-->
	                                        <html:link action="/AdministradorAction.do?method=IrMenuAdministrador" styleId="admin" >Administrador</html:link>
	                                        <div class="tooltip">
	                                            <u>Administrador</u><br/>
	                                            Acceso a la información de evaluación
	                                            de desempeño de todos los colaboradores.
	                                        </div>
	                                    </td>
	                                </tr>
	                            </table>
	                        </td>
	                     	<td>&nbsp;</td>
                    	</tr>
                    </c:if>
                    
                
            </table>
        </c:if>

        <c:if test="${sessionScope.session_usuario.introl == 1}" >
            <table>
                <tr>
                    <td>
                        <table cellpadding="4" cellspacing="4">
                            <tr>
                                <td><div ><img border="1"  alt="Objetivos" src="images/menu/cac1.gif" /></div></td>
                                <td><div >  <img border="0" src="images/menu/uno.jpg" /></div></td>
                                <td class="labelCamposMenu" >
                                    <!--                                   -->
                                    <a href="#" id="myEval"   onclick="mievaluacionObj()"  >Mi Evaluación de Objetivos </a>
                                    <!--html:link action="/evaluacion.do?method=validarPeriodos" styleId="myEval" >Mi Evaluación de Objetivos/html:link-->
                                    <div class="tooltip">
                                        <u>Mi Evaluación de Objetivos</u><br/>
                                        Establecimiento y autoevaluación de mis objetivos,
                                        con sus respectivos indicadores de resultado.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>

                    <td>
                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td><div ><img  border="1" alt="Objetivos" src="images/menu/cac2.gif" /></div></td>
                                <td><div >  <img border="0" src="images/menu/dos.jpg" /></div></td>
                                <td class="labelCamposMenu">
                                    <!--     style="text-decoration: none"                  html:link action="/a_formEvaluacionCompe.do?method=cargarListaCompetencia" styleId="myComp" >Mi Evaluación de Competencias/html:link>-->
                                    <a href="#" id="myComp" onclick="miEvaluacionCompetecias()" >Mi Evaluación de Competencias</a>
                                    <div class="tooltip">
                                        <u>Mi Evaluación de Competencias</u><br/>
                                        Autoevaluación del grado de
                                        cumplimiento de mis competencias.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr>
                    <td>
                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td>  <div> <img  alt="Objetivos" border="1" src="images/menu/cac3.gif" /></div></td>
                                <td> <div >  <img border="0" src="images/menu/tres.jpg" /></div> </td>
                                <td class="labelCamposMenu">
                                    <!--   onclick="mievaluacionIntegral()"  style="text-decoration: none"                                -->
                                    <a href="#"id="myInte" onclick="mievaluacionIntegral()" >Mi Evaluación Integral</a>
                                    <div class="tooltip">
                                        <u>Mi Evaluación Integral</u><br/>
                                        Visualización de mi resultado
                                        de evaluación de desempeño.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>

                    <td>
                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td><div >  <img border="1"  alt="Objetivos" src="images/menu/cac4.gif" /></div></td>
                                <td><div >  <img border="0" src="images/menu/cuatro.jpg" /></div></td>
                                <td class="labelCamposMenu" >
                                    <!-- onclick="miPlandeAccion()"  style="text-decoration: none"  -->
                                    <a href="#" onclick="miPlandeAccion()" id="myPlan">Mi Plan de Acción</a>
                                    <div class="tooltip">
                                        <u>Mi Plan de Acción</u><br/>
                                        Visualización de mi Plan de Acción Individual.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr>
                    <td>
                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td><div >  <img border="1"  alt="consultas" src="images/menu/cac5.gif" /></div> </td>
                                <td><div >  <img border="0" src="images/menu/cinco.jpg" /></div></td>
                                <td class="labelCamposMenu">
                                    <!--a href="#" style="text-decoration: none" id="consult">Consultas/a-->
                                    <html:link action="/ConsultaAction.do?method=IrConsulta&var=1" styleId="consult" >Consultas </html:link>
                                    <div class="tooltip">
                                        <u>Consultas</u><br/>
                                        Visualización de Reportes e Indicadores.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <!-- DVQ: Esta opción es sólo para el administrador -->
                    <c:if test="${sessionScope.session_usuario.strAdministrador == 'X'}">
                    <td>
                        <table cellpadding="4" cellspacing="4" >
                            <tr>
                                <td><div >  <img border="1"  alt="administrador" src="images/menu/administrador.gif" /></div> </td>
                                <td><div >  <img border="0" src="images/menu/seis.jpg" /></div></td>
                                <td class="labelCamposMenu">
                                    <!--a href="#"id="admin" style="text-decoration: none">Administrador/a-->
                                    <html:link action="/AdministradorAction.do?method=IrMenuAdministrador" styleId="admin" >Administrador</html:link>
                                    <div class="tooltip">
                                        <u>Administrador</u><br/>
                                        Acceso a la información de evaluación
                                        de desempeño de todos los colaboradores.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                    </c:if>
                    <!-- Esta opción es sólo para el administrador -->
                </tr>
            </table>
        </c:if>
    </form>
    </body>

    <script type="text/javascript">
        $("#myEval").tooltip({ effect: 'slide'});
        $("#evalTeam").tooltip({ effect: 'slide'});
        $("#myComp").tooltip({ effect: 'slide'});
        $("#compTeam").tooltip({ effect: 'slide'});
        $("#myInte").tooltip({ effect: 'slide'});
        $("#inteTeam").tooltip({ effect: 'slide'});
        $("#myPlan").tooltip({ effect: 'slide'});
        $("#planTeam").tooltip({ effect: 'slide'});
        $("#consult").tooltip({ effect: 'slide'});
        $("#admin").tooltip({ effect: 'slide'});
        $("#potencial").tooltip({ effect: 'slide'});
        var opciones_modal="dialogHeight:800 px;dialogWidth:1010px;center:Yes;help:No;resizable: Yes;status:No;";
        var datos=new Array();

    	
    function mievaluacionObj(){
    	var ahora = new Date();
    	var time= ahora.getHours()+ ahora.getMinutes() + ahora.getSeconds() + ahora.getMilliseconds();
    	var url = '<%=request.getContextPath()%>/evaluacion.do?method=IrEvaluacionObjetivos&var=1&time=' + time ;
    	var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=800, top=15, left=15";
    	
    	datos=showModalDialog(url,"",opciones_modal); 
    	try{
	    	if(datos[0]!=""){
	    		//alert(datos[0]);
	    		var url = '<%=request.getContextPath()%>/evaluacion.do?method=IrEvaluacionObjetivos&var=1&anio=' + datos[0] + '&time=' + time ;
	    		showModalDialog(url,"",opciones_modal); 3
	    	}
    	 }
    	catch(err){
    		
    	}
//         window.open(url,"",opciones);
        
//         alert("padre");
//         document.forms[0].method.value='refrescarmenu';
//         document.forms[0].submit();
    }

    function evaluacionObjMiEquipo(){
        var url = '<%=request.getContextPath()%>/a_formEvaluacionObj.do?method=cargarjsp';
        var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=800, top=15, left=15";
        window.open(url,"",opciones);
//         showModalDialog(url,"",opciones_modal);
    }
    
    function mievaluacionIntegral(){
    	var ahora = new Date();
    	var time= ahora.getHours()+ ahora.getMinutes() + ahora.getSeconds() + ahora.getMilliseconds();
        var url = '<%=request.getContextPath()%>/a_EvalIntegral.do?method=IrEvaluacionintegral&var=1&time=' + time;
        var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=800, top=15, left=15";
//         window.open(url,"",opciones);
        showModalDialog(url,"",opciones_modal);
    }

    function miPlandeAccion(){
    	var ahora = new Date(); 
    	var time= ahora.getHours()+ ahora.getMinutes() + ahora.getSeconds() + ahora.getMilliseconds();
        var url = '<%=request.getContextPath()%>/a_planDeAccion.do?method=IrPlanDeAccion&var=1&time=' + time;
        var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=800, top=15, left=15";
//         window.open(url,"",opciones);
        showModalDialog(url,"",opciones_modal);
    }

    function miEvaluacionCompetecias(){
    	var ahora = new Date();
    	var time= ahora.getHours()+ ahora.getMinutes() + ahora.getSeconds() + ahora.getMilliseconds();
        var url = '<%=request.getContextPath()%>/competencia.do?method=IrEvaluacionCompetencia&var=1&time=' + time;
        var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=800, top=15, left=15";
//         window.open(url,"",opciones);
     
        showModalDialog(url,"",opciones_modal);
        
    }

    function miConsulta(tipo){
        var url = '<%=request.getContextPath()%>/ConsultaAction.do?method=IrConsulta&var='+tipo;
        var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=800, top=15, left=15";
        window.open(url,"",opciones);

//         showModalDialog(url,"",opciones_modal);
    }

    </script>
</html>